@import './../base.less';

.list-wrapper {
  position: relative;
  height: 5rem;
  overflow: hidden;

  &.list-wrapper-out {
    padding-right: 3rem;
  }

  &.list-wrapper-auto {
    height: auto;
  }

  &-show {
    width: 3rem;
    text-align: center;
    cursor: pointer;
    color: @blue-400;
  }
}

.list-inner {
  display: flex;
  margin: 0.5rem 0 0.5rem 0;
  width: 100%;
  flex-wrap: wrap;

  &-detail {
    flex-shrink: 0;
    margin: 0.5rem 0 0.5rem 0;
    padding: 0 0.75rem 0 0.75rem;
    width: 10rem;
    text-align: center;
    border-right: 1px solid @gray-100;
    background-color: #fff;
    box-sizing: border-box;

    &:last-child {
      border-right: 0;
    }

    span {
      display: block;
      white-space: nowrap;
    }

    &-title {
      font-size: 0.75rem;
      line-height: 1rem;
    }

    &-data {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
}
